<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>

    <script>

        /**
         *
         *  java 的函数语法  method 方法
         *     修饰符  返回值  方法名称(参数列表){
         *         方法体
         *
         *     }
         *
         *  js 的函数语法:  function 函数
         *     function 方法名称(参数列表){      这里的参数列表没有数据类型
         *           方法体
         *     }
         *
         */
        function onAlert(){
            alert("点我中彩票500w");
        }

        function changeDiv(){
            //拿到div 元素
            document.getElementById("box1").innerHTML = "没人发2000块钱";

        }

    </script>
</head>
<body>

<!--
    js 代码一般都是 独立 js文件
    我们课堂上 在html 页面写  浏览器打开 html 页面 会解析 js代码 执行逻辑
-->


<h1 id="box1">
    hello js
</h1>
<button onclick="onAlert()">点我弹出框</button>
<button onclick="changeDiv()"> 点我修改 文本内容 </button>

</body>
</html>